<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title></title>
    <link href="/styles/base.css" rel="stylesheet" type="text/css">
    <link href="/styles/flight.css" rel="stylesheet" type="text/css">
    <link href="/js/plugins/jqPaginator/jqPagination.css" rel="stylesheet" type="text/css">
    <link href="/styles/flight/css+mfw-header.2015^YlVS^1564104263.css" rel="stylesheet" type="text/css">
    <link href="/styles/flight/index.css" rel="stylesheet" type="text/css">
    <link href="/styles/flight/mfw-footer.css" rel="stylesheet" type="text/css">
    <link href="/styles/flight/mfw-toolbar.css" rel="stylesheet" type="text/css">
    <link href="/styles/flight/swiper-4.4.2.min.css" rel="stylesheet" type="text/css">

    <script type="text/javascript" src="/js/jquery/jquery.min.js"></script>
    <script type="text/javascript" src="/js/plugins/My97DatePicker/WdatePicker.js"></script>
    <script type="text/javascript" src="/js/plugins/jquery-form/jquery.form.js"></script>
    <script type="text/javascript" src="/js/plugins/jqPaginator/jq-paginator.min.js"></script>
    <script type="text/javascript" src="/js/system/index.js"></script>
    <script type="text/javascript" src="/js/plugins/jrender/jrender.min.js"></script>
    <style>
        #banner-con-gloable {
            display: block;
            position: fixed;
            bottom: 0;
            left: -100%;
            z-index: 110;
            width: 100%;
            height: 179px;
            overflow-x: hidden;
        }

        #banner-con-gloable .banner-btn-con {
            width: 100%;
            height: 162px;
            background: rgba(30, 15, 8, 0.95);
            position: absolute;
            bottom: 0;
        }

        #banner-con-gloable .banner-btn-con .close-btn {
            position: absolute;
            right: 35px;
            top: 24px;
            z-index: 120;
            height: 24px;
            width: 24px;
            cursor: pointer;
        }

        #banner-con-gloable .banner-image-con {
            position: absolute;
            right: 50%;
            bottom: 0;
            width: 1000px;
            margin-right: -500px;
        }

        #float-pannel-gloable {
            padding-left: 28px;
            padding-bottom: 20px;
            display: block;
            position: fixed;
            bottom: 0;
            z-index: 110;
            left: -230px;
        }

        #float-pannel-gloable .float-btn {
            width: 24 pxpx;
            height: 24px;
            position: absolute;
            right: 0;
            top: 0;
            z-index: 100;
        }

        #closed {
            height: 24px;
            width: 24px;
            vertical-algin: top;
            border: none;
            cursor: pointer;
        }
    </style>

    <script>

        var panduan;
        $(function () {
            //出发城市三字码
            var orgCity;
            //到达城市三字码
            var dstCity;


            //出发航班城市的标签点击事件 (为文本框赋值)
            $(".departGroupLayer a").click(function () {
                $("#departCity").val('');
                var flight = $(this).data('name');
                orgCity = $(this).data('code');
                $("#departCity").val(flight);
                $("#departCityLayer").css('display', 'none');
            });

            //航班城市选择框的显示
            $("#departCity").click(function () {
                $("#departCityLayer").css('display', 'block');
            });

            //到达航班城市的标签点击事件 (为文本框赋值)
            $(".destGroupLayer a").click(function () {
                $("#destCity").val('');
                var flight = $(this).data('name');
                dstCity = $(this).data('code');
                $("#destCity").val(flight);
                $("#destCityLayer").css('display', 'none');
            });

            //航班城市选择框的显示
            $("#destCity").click(function () {
                $("#destCityLayer").css('display', 'block');
            });

            var tab = '#hot';

            //城市选择款的nav栏
            $(".hcl-sort").mouseenter(function () {
                $(this).attr('class', 'hcl-sort on');
                $(tab).css('display', 'none');
                tab = '#' + $(this).data('tab');
                $(tab).css('display', 'block');
            });

            //城市选择款nae栏的颜色改变
            $(".hcl-sort").mouseleave(function () {
                $(this).attr('class', 'hcl-sort');
            });

            //' 换'按钮的点击事件
            $("#citySwitc").click(function () {
                //值切换
                var temp = $("#departCity").val();
                var destval = $("#destCity").val();
                $("#departCity").val(destval);
                $("#destCity").val(temp);
                //三字码
                var temp2 = orgCity;
                orgCity = dstCity;
                dstCity = temp2;
            });



            var currentPage; //当前页数

            //查询按键点击处理
            $("#search_btn").click(function () {
                orgCity = $("#departCity").val();
                dstCity = $("#destCity").val();

                var depTime = $("#depTime").val();
                var endTime = $("#sourTime").val();
                var type = $("#_way_btn").attr("data-val");

                if (!orgCity) {
                    alert("出发地不能为空");
                    return;
                } else if (!dstCity) {
                    alert("目的地不能为空");
                    return;
                } else if (!depTime) {
                    alert("出发时间不能为空");
                    return;
                } else {

                    $("input[name=orgCity]").val(orgCity);
                    $("input[name=dstCity]").val(dstCity);
                    $("input[name=depTime]").val(depTime);
                    $("input[name=endTime]").val(endTime);
                    $("input[name=type]").val(type);

                    $("#search").submit();
                }

            });



        //js 页面动态

            //计算时间/格式化
            //自动获取当前天的时间, 并且转换格式
            function dataFormat(date,datesec) {
                var sec = date.getTime() + (datesec?datesec:0);
                var realDate = new Date(sec);
                var y = realDate.getFullYear();
                var m = realDate.getMonth() + 1;
                m = m < 10 ? '0' + m : m;
                var d = realDate.getDate();
                d = d < 10 ? ('0' + d) : d;
                return y + '-' + m + '-' + d;
            };

            //返程的时间框点击
            $("#sourTime").click(function () {

                if (!$(this).val()){//没有值
                    $("#_way_btn").removeAttr("data-val");
                    $("#_way_btn").attr("data-val",2);
                    $("#_way_btn").val("往返");

                    var strTime = $("#depTime").val();
                    var date= new Date(Date.parse(strTime.replace(/-/g,  "/")));
                    $("#sourTime").val(dataFormat(date,3*24*60*60*1000));

                }
            });

            //往返
            $(".way li").click(function () {
                var text = $(this).text();
                var val = $(this).val();
                console.log(text);
                $(this).closest("div").children("div").children("input").removeAttr("data-val");
                $(this).closest("div").children("div").children("input").attr("data-val",val);
                $(this).closest("div").children("div").children("input").val(text);

                if (val === 1){
                    $("#sourTime").val("");
                }

                if (val ===2 && !$("#sourTime").val()) {
                    var strTime = $("#depTime").val();
                    var date= new Date(Date.parse(strTime.replace(/-/g,  "/")));
                    $("#sourTime").val(dataFormat(date,3*24*60*60*1000));
                }

            });



            //五个查询条件
            $("ul.v-select-list.flag li").click(function () {
                var text = $(this).text();
                var val = $(this).val();
                console.log(text);
                $(this).closest("div").children("div").children("input").removeAttr("data-val");
                $(this).closest("div").children("div").children("input").attr("data-val",val);
                $(this).closest("div").children("div").children("input").val(text);
                var flag = $(this).closest("div").children("div").children("input").attr("data-flag");
                if (flag == 1){
                    $(".flytime").html(text);
                    $(".flytime").removeAttr("style");
                }
                if (flag == 2){
                    $(".flysour").text(text);
                    $(".flysour").removeAttr("style");
                }
                if (flag == 3){
                    $(".flydest").text(text);
                    $(".flydest").removeAttr("style");
                }
                if (flag == 4){
                    $(".flycop").text(text);
                    $(".flycop").removeAttr("style");
                }
                if (flag == 5){
                    $(".flysize").text(text);
                    $(".flysize").removeAttr("style");
                }
                $("#clear").removeAttr("style");
                queryLine();
            });


            //全部清空
            $("#clear").click(function () {

                $(".close").attr("style","display: none;")
                $(".flag").closest("div").children("div").children("input").val("");
                $(".flag").closest("div").children("div").children("input").removeAttr("data-val");

                $(this).attr("style","display: none;");
                queryLine(1);
            });


            //点击排序
            var i = 0;
            $(".fltlist-airline-col-wrapper").click(function () {
                $(".fltlist-airline-col").children("span").children("i").removeClass("active");
                if (i % 2 === 0) {
                    $(this).children(".fltlist-airline-up").addClass("active");
                }else{
                    $(this).children(".fltlist-airline-down").addClass("active")
                }
                $(this).children("i").toggleClass("active");
                i++;

                queryLine();

            });

            //var panduan;

            //抽出来的多条件查询
            function queryLine(page) {

                orgCity = $("#departCity").val();
                dstCity = $("#destCity").val();
                var deptTime = $("#depTime").val();
                var sourTime = $("#sourTime").val();
                var type = $("#_way_btn").attr("data-val");

                var flytime = $("input.flytime").attr("data-val");
                var flysour = $("input.flysour ").attr("data-val");
                var flydest = $("input.flydest ").attr("data-val");
                var flycop = $("input.flycop ").attr("data-val");
                var flysize = $("input.flysize").attr("data-val");

                var orderby = $(".fltlist-airline-col").children("span").children(".active").attr("data-val");
                console.log(orderby);

                if (!orgCity) {
                    alert("出发地不能为空");
                    return;
                } else if (!dstCity) {
                    alert("目的地不能为空");
                    return;
                } else if (!deptTime) {
                    alert("出发时间不能为空");
                } else {

                        if (!panduan){

                            $.post("/flight/find", {
                                orgCity: orgCity, dstCity: dstCity, depTime: deptTime,
                                type: type,
                                flytimeType: flytime, beginAirportId: flysour, endAirportId: flydest,
                                airlinesId: flycop, size: flysize, orderby: orderby,currentPage: page ? currentPage : 1
                            }, function (data) {
                                $("#contentList").empty();
                                $("#contentList").append(data);

                            });
                        } else{

                            $.post("/flight/find", {
                                orgCity: dstCity, dstCity: orgCity, depTime: sourTime,
                                type: type,
                                flytimeType: flytime, beginAirportId: flysour, endAirportId: flydest,
                                airlinesId: flycop, size: flysize, orderby: orderby,currentPage: page ? currentPage : 1
                            }, function (data) {
                                $("#contentList").empty();
                                $("#contentList").append(data);
                                $("button.v-list-item-button").text("订票");
                                $("button.v-list-item-button").removeAttr("data-way");

                            });
                        }



                }
            }

            //查返程
            function queryBack() {

                orgCity = $("#departCity").val();
                dstCity = $("#destCity").val();
                var deptTime = $("#depTime").val();
                var sourTime = $("#sourTime").val();
                type = $("#_way_btn").attr("data-val");

                $(".fltlist-airline-col").children("span").children("i").removeClass("active");
                $("#price").children(".fltlist-airline-up").addClass("active");
                var orderby = $(".fltlist-airline-col").children("span").children(".active").attr("data-val");

                if (!orgCity) {
                    alert("出发地不能为空");
                    return;
                } else if (!dstCity) {
                    alert("目的地不能为空");
                    return;
                } else if (!deptTime) {
                    alert("出发时间不能为空");
                } else {
                    $.post("/flight/find", {
                        orgCity: dstCity, dstCity: orgCity, depTime: sourTime,
                        type: type, orderby: orderby,currentPage:1
                    }, function (data) {
                        $("#contentList").empty();
                        $("#contentList").append(data);
                        $("button.v-list-item-button").text("订票");
                        $("button.v-list-item-button").removeAttr("data-way");

                    });
                }
            }

            //去程信息

            var temp;

            $(".v-list-item-button").click(function(){
                if ($(this).attr("data-way")){
                    var json = $(this).attr("data-json");
                    temp = json;
                    $.post("/flight/getGoTripInfo",{id:json},function(data){
                        if (data){
                            queryBack();
                            $(".flight_info").remove();
                            $("#backHint").removeAttr("style");
                            $(".fltlist-selected-plane").after(data);
                            panduan =1;
                        }
                    })
                }else{
                    if (panduan == 1) {
                        $("input[name=depId]").val(temp);
                        $("input[name=bacId]").val($(this).attr("data-json"));
                        $("#order").submit();
                    }else{
                        $("input[name=depId]").val($(this).attr("data-json"));
                        $("input[name=bacId]").val(-1);
                        $("#order").submit();

                    }

                }


            })

            //分页
            $("#pagination").jqPaginator({
                totalPages: ${pageInfo.pages}||1,
                visiblePages: 1,
                currentPage: ${pageInfo.pageNum}||1,
                prev: '<a class="prev" href="javascript:void(0);">上一页<\/a>',
                next: '<a class="next" href="javascript:void(0);">下一页<\/a>',
                page: '<a href="javascript:void(0);">{{page}}<\/a>',
                last: '<a class="last" href="javascript:void(0);" >尾页<\/a>',
                onPageChange: function(page, tp) {
                if(tp == 'change'){
                    currentPage = page;
                    queryLine(page);
                }

            }
        })





                //页面加载完成,直接调用模板
                orgCity = $("#departCity").val();
                dstCity = $("#destCity").val();
                var deptTime = $("#depTime").val();
                var sourTime = $("#sourTime").val();
                var type = $("#_way_btn").attr("data-val");

                var flytime = $("input.flytime").attr("data-val");
                var flysour = $("input.flysour ").attr("data-val");
                var flydest = $("input.flydest ").attr("data-val");
                var flycop = $("input.flycop ").attr("data-val");
                var flysize = $("input.flysize").attr("data-val");

                var orderby = $(".fltlist-airline-col").children("span").children(".active").attr("data-val");
                console.log(orderby);

                if (!orgCity) {
                    alert("出发地不能为空");
                    return;
                } else if (!dstCity) {
                    alert("目的地不能为空");
                    return;
                } else if (!deptTime) {
                    alert("出发时间不能为空");
                } else {

                    if (!panduan){

                        $.post("/flight/find", {
                            orgCity: orgCity, dstCity: dstCity, depTime: deptTime,
                            type: type,
                            flytimeType: flytime, beginAirportId: flysour, endAirportId: flydest,
                            airlinesId: flycop, size: flysize, orderby: orderby,currentPage: 1
                        }, function (data) {
                            $("#contentList").empty();
                            $("#contentList").append(data);

                        });
                    } else{

                        $.post("/flight/find", {
                            orgCity: dstCity, dstCity: orgCity, depTime: sourTime,
                            type: type,
                            flytimeType: flytime, beginAirportId: flysour, endAirportId: flydest,
                            airlinesId: flycop, size: flysize, orderby: orderby,currentPage:1
                        }, function (data) {
                            $("#contentList").empty();
                            $("#contentList").append(data);

                        });
                    }
                }





        });

    </script>




<body style="position: relative;">

<form action="/flight/orders" id="orders" method="post">
    <input type="hidden" name="depId"   value="">
    <input type="hidden" name="bacId"  value="">
</form>



<form action="/flight/search" id="search" method="post">
    <input type="hidden" name="orgCity"   value="">
    <input type="hidden" name="dstCity"  value="">
    <input type="hidden" name="depTime" value="">
    <input type="hidden" name="type"  value="">
    <input type="hidden" name="endTime"  value="">
    <input type="hidden" name="orderby"  value="td.price">
</form>

<#assign currentNav="flight">
<#include "../common/navbar.ftl">
<div id="app"><!---->
    <div class="fltlist"><!----><!---->
        <div class="fltlist-searchbox">
            <div class="v-flightpc-container">
                <div class="fltlist-search width72">
                    <div class="v-select">
                        <div class="v-select-wrapper">
                            <input id="_way_btn" type="text" readonly="readonly" placeholder="" value="${qo.typeName}" data-val="${qo.type}">
                            <i class="v-select-arrow-down"></i>
                            <i class="v-select-arrow-up"></i>
                        </div>
                        <ul class="v-select-list way">
                            <li class="" value="1">单程</li>
                            <li class="" value="2">往返</li>
                        </ul>
                    </div>
                </div>
                <div class="fltlist-search margin-left14">
                    <input id="departCity" placeholder="出发城市" readonly class="v-search-input" value="${qo.orgCity!}"><!---->
                </div>
                <div class="hot-city-layer" id="departCityLayer" style="width: 490px; display: none;">
                    <!--航班城市分类导航栏-->
                    <div class="hcl-nav">
                        <a class="hcl-sort on" id="departHotTab" data-tab="hot" href="javascript:;">国内热门</a>
                        <a href="javascript:;" data-tab="ABCDE" class="hcl-sort">ABCDE</a>
                        <a href="javascript:;" data-tab="FGHJ" class="hcl-sort">FGHJ</a>
                        <a href="javascript:;" data-tab="KLMNP" class="hcl-sort">KLMNP</a>
                        <a href="javascript:;" data-tab="QRSTW" class="hcl-sort">QRSTW</a>
                        <a href="javascript:;" data-tab="XYZ" class="hcl-sort">XYZ</a>
                    </div>
                    <!--航班城市列表-->
                    <div class="hcl-list" id="startFlight">
                        <div class="departGroupLayer ng-scope" id="hot" style="display: block;">
                            <dl class="ng-scope">
                                <dd>
                                    <#list hotFlights as ele>
                                        <a href="javascript:;" class="ng-binding ng-scope" data-id="${ele.id}"
                                           data-name="${ele.name}" data-code="${ele.aircode!}">${ele.name}</a>
                                    </#list>
                                </dd>
                            </dl>
                        </div>
                        <div class="departGroupLayer ng-scope" id="ABCDE" style="display: none;">

                            <dl class="ng-scope">
                                <dd>
                                    <#list initialA as ele>
                                        <a href="javascript:;" class="ng-binding ng-scope" data-id="${ele.id}"
                                           data-name="${ele.name}" data-code="${ele.aircode!}">${ele.name}</a>
                                    </#list>
                                </dd>
                            </dl>

                        </div>
                        <div class="departGroupLayer ng-scope" id="FGHJ" style="display: none;">
                            <dl class="ng-scope">
                                <dd>
                                    <#list initialF as ele>
                                        <a href="javascript:;" class="ng-binding ng-scope" data-id="${ele.id}"
                                           data-name="${ele.name}" data-code="${ele.aircode!}">${ele.name}</a>
                                    </#list>
                                </dd>
                            </dl>
                        </div>
                        <div class="departGroupLayer ng-scope" id="KLMNP" style="display: none;">
                            <dl class="ng-scope">
                                <dd>
                                    <#list initialK as ele>
                                        <a href="javascript:;" class="ng-binding ng-scope" data-id="${ele.id}"
                                           data-name="${ele.name}" data-code="${ele.aircode!}">${ele.name}</a>
                                    </#list>
                                </dd>
                            </dl>
                        </div>
                        <div class="departGroupLayer ng-scope" id="QRSTW" style="display: none;">
                            <dl class="ng-scope">
                                <dd>
                                    <#list initialQ as ele>
                                        <a href="javascript:;" class="ng-binding ng-scope" data-id="${ele.id}"
                                           data-name="${ele.name}" data-code="${ele.aircode!}">${ele.name}</a>
                                    </#list>
                                </dd>
                            </dl>
                        </div>
                        <div class="departGroupLayer ng-scope" id="XYZ" style="display: none;">
                            <dl class="ng-scope">
                                <dd>
                                    <#list initialX as ele>
                                        <a href="javascript:;" class="ng-binding ng-scope" data-id="${ele.id}"
                                           data-name="${ele.name}" data-code="${ele.aircode!}">${ele.name}</a>
                                    </#list>
                                </dd>
                            </dl>
                        </div>
                    </div>
                </div>
                <div id="citySwitc" class="fltlist-search fltlist-change">
                    换
                </div>

                <div class="fltlist-search">
                    <input id="destCity" placeholder="到达城市" readonly class="v-search-input" value="${qo.dstCity!}"><!----><!---->
                </div>

                <div class="hot-city-layer" id="destCityLayer" style="width: 490px; display: none;">
                    <!--航班城市分类导航栏-->
                    <div class="hcl-nav">
                        <a class="hcl-sort on" id="departHotTab" data-tab="hot2" href="javascript:;">国内热门</a>
                        <a href="javascript:;" data-tab="ABCDE2" class="hcl-sort">ABCDE</a>
                        <a href="javascript:;" data-tab="FGHJ2" class="hcl-sort">FGHJ</a>
                        <a href="javascript:;" data-tab="KLMNP2" class="hcl-sort">KLMNP</a>
                        <a href="javascript:;" data-tab="QRSTW2" class="hcl-sort">QRSTW</a>
                        <a href="javascript:;" data-tab="XYZ2" class="hcl-sort">XYZ</a>
                    </div>
                    <!--航班城市列表-->
                    <div class="hcl-list" id="startFlight">
                        <div class="destGroupLayer ng-scope" id="hot2" style="display: block;">
                            <dl class="ng-scope">
                                <dd>
                                    <#list hotFlights as ele>
                                        <a href="javascript:;" class="ng-binding ng-scope" data-id="${ele.id}"
                                           data-name="${ele.name}" data-code="${ele.aircode!}">${ele.name}</a>
                                    </#list>
                                </dd>
                            </dl>
                        </div>
                        <div class="destGroupLayer ng-scope" id="ABCDE2" style="display: none;">
                            <dl class="ng-scope">
                                <dd>
                                    <#list initialA as ele>
                                        <a href="javascript:;" class="ng-binding ng-scope" data-id="${ele.id}"
                                           data-name="${ele.name}" data-code="${ele.aircode!}">${ele.name}</a>
                                    </#list>
                                </dd>
                            </dl>
                        </div>
                        <div class="destGroupLayer ng-scope" id="FGHJ2" style="display: none;">
                            <dl class="ng-scope">
                                <dd>
                                    <#list initialF as ele>
                                        <a href="javascript:;" class="ng-binding ng-scope" data-id="${ele.id}"
                                           data-name="${ele.name}" data-code="${ele.aircode!}">${ele.name}</a>
                                    </#list>
                                </dd>
                            </dl>
                        </div>

                        <div class="destGroupLayer ng-scope" id="KLMNP2" style="display: none;">
                            <dl class="ng-scope">
                                <dd>
                                    <#list initialK as ele>
                                        <a href="javascript:;" class="ng-binding ng-scope" data-id="${ele.id}"
                                           data-name="${ele.name}" data-code="${ele.aircode!}">${ele.name}</a>
                                    </#list>
                                </dd>
                            </dl>
                        </div>
                        <div class="destGroupLayer ng-scope" id="QRSTW2" style="display: none;">
                            <dl class="ng-scope">
                                <dd>
                                    <#list initialQ as ele>
                                        <a href="javascript:;" class="ng-binding ng-scope" data-id="${ele.id}"
                                           data-name="${ele.name}" data-code="${ele.aircode!}">${ele.name}</a>
                                    </#list>
                                </dd>
                            </dl>
                        </div>
                        <div class="destGroupLayer ng-scope" id="XYZ2" style="display: none;">
                            <dl class="ng-scope">
                                <dd>
                                    <#list initialX as ele>
                                        <a href="javascript:;" class="ng-binding ng-scope" data-id="${ele.id}"
                                           data-name="${ele.name}" data-code="${ele.aircode!}">${ele.name}</a>
                                    </#list>
                                </dd>
                            </dl>
                        </div>
                    </div>
                </div>

                <div class="fltlist-search margin-left14">
                    <div class="fltlist-input width200 padding-left48">
                        <input id="depTime" type="text" readonly="readonly" onclick="WdatePicker()" placeholder="yyyy-mm-dd" value="${(qo.depTime?string('yyyy-MM-dd'))!}">
                        <span class="date-desc">去程</span>
                    </div>
                    <div class="fltlist-input width200 padding-left48 padding-right0">
                        <#if qo.endTime??>
                            <input class="sourtime" id="sourTime" type="text" readonly="readonly" onclick="WdatePicker()" placeholder="yyyy-mm-dd" value="${(qo.endTime?string('yyyy-MM-dd'))!}">
                        <#else>
                            <input class="sourtime" id="sourTime" type="text" readonly="readonly" onclick="WdatePicker()" placeholder="yyyy-mm-dd">
                        </#if>
                        <span class="date-desc">返程</span><!---->
                    </div><!----><!----><!---->
                </div>
                <div class="fltlist-search" id="search_btn">
                    <button><i></i><span>搜索</span></button>
                </div>
            </div>
        </div>

        <div class="v-flightpc-container clearfix">
            <div class="fltlist-result">
                <#if qo.type == 1 >
                    <div class="fltlist-selected-plane flight_info">选择航班：<span>${qo.orgCity!}</span> ⇀ <span>${qo.dstCity}</span> <span>${(qo.depTime?string('MM月dd日'))!}</span> <span>${qo.SWeek!}</span></div><!---->
                <#else>
                    <div class="fltlist-selected-plane flight_info">选择去程：<span>${qo.orgCity!}</span> ⇀ <span>${qo.dstCity}</span> <span>${(qo.depTime?string('MM月dd日'))!}</span> <span>${qo.SWeek!}</span></div><!---->
                </#if>
                    <div id="backHint" style="display: none" class="fltlist-selected-plane">选择返程：<span>${qo.dstCity!}</span> ⇀ <span>${qo.orgCity}</span> <span>${(qo.endTime?string('MM月dd日'))!}</span> <span>${qo.SWeek!}</span></div><!---->

                <#--去程信息-->


                <div class="filter">
                    <div class="fliter-wrapper ">
                        <div class="filter-desc">筛选：</div>
                        <div class="filter-desc width100 margin-left14">
                            <div class="v-select">
                                <div class="v-select-wrapper">
                                    <input class="flytime" type="text" readonly="readonly" placeholder="起飞时间" data-flag="1">
                                    <i class="v-select-arrow-down"></i>
                                    <i class="v-select-arrow-up"></i>
                                </div>
                                <ul class="v-select-list flag ftime">
                                    <li class="ftime" value="1">00:00-09:59</li>
                                    <li class="ftime" value="2">10:00-13:59</li>
                                    <li class="ftime" value="3">14:00-18:59</li>
                                    <li class="ftime" value="4">19:00-24:00</li>
                                </ul>
                            </div>
                        </div>
                        <div class="filter-desc width100 margin-left8">
                            <div class="v-select">
                                <div class="v-select-wrapper">
                                    <input class="flysour" type="text" readonly="readonly" placeholder="起飞机场" data-flag="2">
                                    <i class="v-select-arrow-down"></i>
                                    <i class="v-select-arrow-up"></i>
                                </div>
                                <#--循环机场 用id-->
                                <ul class="v-select-list flag beginport" >
                                    <#list orgports as d>
                                        <li class="" value="${d.id}">${d.name}</li>
                                    </#list>
                                </ul>
                            </div>
                        </div>
                        <div class="filter-desc width100 margin-left8">
                            <div class="v-select">
                                <div class="v-select-wrapper">
                                    <input class="flydest" type="text" readonly="readonly" placeholder="到达机场" data-flag="3">
                                    <i
                                            class="v-select-arrow-down"></i><i class="v-select-arrow-up"></i></div>
                                <ul class="v-select-list flag endport">
                                    <#list destports as d>
                                        <li class="" value="${d.id}">${d.name}</li>
                                    </#list>
                                </ul>
                            </div>
                        </div>
                        <div class="filter-desc width100 margin-left8">
                            <div class="v-select">
                                <div class="v-select-wrapper"><input class="flycop" type="text" readonly="readonly" placeholder="航空公司" data-flag="4"><i
                                            class="v-select-arrow-down"></i><i class="v-select-arrow-up"></i></div>
                                <ul class="v-select-list  flag cop ">
                                    <#list listLines as d>
                                    <li class="" value="${d.id}">${d.name}</li>
                                    </#list>
                                </ul>
                            </div>
                        </div>
                        <div class="filter-desc width100 margin-left8">
                            <div class="v-select">
                                <div class="v-select-wrapper">
                                    <input class="flysize" type="text" readonly="readonly" placeholder="机型" data-flag="5"><i
                                            class="v-select-arrow-down"></i><i class="v-select-arrow-up"></i></div>
                                <ul class="v-select-list flag size" data-flag="">
                                    <li class="" value="3">大型机</li>
                                    <li class="" value="2">中型机</li>
                                    <li class="" value="1">小型机</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="filter">
                    <div class="fliter-wrapper" >
                        <div id="choose" class="filter-desc">已选：</div>
                        <div class="filter-desc margin-left14">
                            <div class="close flytime" style="display: none;">00:00-09:59<span><i></i></span></div>
                        </div>
                        <div class="filter-desc margin-left14 "><!---->
                            <div class="close flysour" style="display: none;">白云机场<span><i></i></span></div>
                        </div>

                        <div class="filter-desc margin-left14 "><!---->
                            <div class="close flydest" style="display: none;">南苑机场<span><i></i></span></div>
                        </div>
                        <div class="filter-desc margin-left14 "><!---->
                            <div class="close flycop" style="display: none;">联合航空<span><i></i></span></div>
                        </div>
                        <div class="filter-desc margin-left14 "><!---->
                            <div class="close flysize" style="display: none;">大型机<span><i></i></span></div>
                        </div><!----><!---->
                        <div class="filter-desc width100 margin-left8">
                            <button id="clear" style="display: none;">全部清空</button>
                        </div>
                    </div>
                </div>
                <div class="fltlist-airline">
                    <div class="fltlist-airline-title">
                        <div class="fltlist-airline-col padding-left53">航空信息</div>
                        <div class="fltlist-airline-col padding-left112">
                            <span id="start" class="fltlist-airline-col-wrapper">起飞时间
                                <i class="fltlist-airline-up" data-val="td.beginFlyTime"></i>
                                <i class="fltlist-airline-down" data-val="td.beginFlyTime desc"></i>
                            </span>
                        </div>
                        <div class="fltlist-airline-col padding-left106">
                            <span id="end" class="fltlist-airline-col-wrapper">到达时间
                                <i class="fltlist-airline-up" data-val="td.endFlyTime"></i>
                                <i class="fltlist-airline-down" data-val="td.endFlyTime desc"></i>
                            </span>
                        </div>
                        <div class="fltlist-airline-col padding-left75">
                            <span id="price" class="fltlist-airline-col-wrapper">价格
                                <i class="fltlist-airline-up active" data-val="td.price"></i>
                                <i class="fltlist-airline-down" data-val="td.price desc"></i>
                            </span>
                        </div>
                    </div><!---->
                    <#--列表-->
                    <div id="contentList">
                        <div class="fltlist-list-wrapper">

                            <div class="fltlist-list-cache-item"><!----></div>
                            <div class="fltlist-list-item">
                                <#--<div class="fltlist-list-roundway-line" style="display: none;">
                                    <button>收起<i class="fltlist-airline-up"></i></button>
                                </div>-->

                                <#list pageInfo.list as a>
                                    <div class="v-list-item-content">
                                        <div class="v-list-item-icon"><i class="fltlist-logo fltlist-logo-${(a.flight!)[0..1]}"></i><span
                                                    class="v-list-item-tag"></span></div>
                                        <div class="v-list-item-name">
                                            <div class="v-list-item-desc">${a.airlines.name!}<span>${a.flight!}</span></div>
                                            <div class="v-list-item-info"><span>${a.airplaneType!}</span><!----></div>
                                        </div>
                                        <div class="v-list-item-time">
                                            <div class="v-list-item-time-time">${(a.beginFlyTime?string('HH:mm'))!}</div>
                                            <div class="v-list-item-info">${a.beginAirport.name}${a.beginHZL}</div>
                                        </div>
                                        <div class="v-list-item-line">
                                            <div class="line-wrapper">
                                                <div class="line-time">${a.betweenTime!}</div>
                                                <div class="line"></div><!---->
                                            </div>
                                        </div>
                                        <div class="v-list-item-time v-list-item-time-to">
                                            <div class="v-list-item-time-time">${(a.endFlyTime?string('HH:mm'))!}</div>
                                            <div class="v-list-item-info">${a.endAirport.name!}${a.endHZL!}</div><!----></div>
                                        <div class="v-list-item-price">
                                            <div class="v-list-item-price-desc">
                                                <div><span>￥</span>${a.price!}<span class="gray">起</span></div><!----></div>
                                        </div>
                                        <div class="v-list-item-ticket">
                                            <#if qo.type == 1>
                                                <button class="v-list-item-button"  data-json="${a.id}">订票</button>
                                            <#else>
                                                <button class="v-list-item-button"  data-way="go" data-json="${a.id}">选为去程</button>
                                                <#--<button class="v-list-item-button" style="display: none" data-json="${a.id}">订票</button>-->
                                            </#if>
                                        </div>
                                        <div class="v-list-item-ticket" style="display: none;">
                                            <button class="v-list-item-fold">收起<i class="fltlist-airline-up"></i></button>
                                        </div>
                                    </div>
                                </#list>
                            </div><!----><!----><!----></div>
                        <#--分页的页脚-->
                        <div style="float: right">
                            <div style="float: left;" ><span style="line-height:30px"> 共${pageInfo.pages}页 / ${pageInfo.total}条&nbsp;&nbsp;&nbsp;</span></div>
                            <div id="pagination" class="jq-pagination" style="display: inline;"></div>
                        </div>
                    </div>
                </div>

            </div>
            <div class="fltlist-sidebar">
                <div class="fltlist-intro">
                    <ul class="fltlist-intro-info clearfix">
                        <li class="fltlist-intro-detail">
                            <div class="fltlist-intro-icon"><i></i></div>
                            <div class="fltlist-intro-desc">航协认证</div>
                        </li>
                        <li class="fltlist-intro-detail">
                            <div class="fltlist-intro-icon"><i class="flightpc-sure"></i></div>
                            <div class="fltlist-intro-desc">出行保证</div>
                        </li>
                        <li class="fltlist-intro-detail">
                            <div class="fltlist-intro-icon"><i class="flightpc-tel"></i></div>
                            <div class="fltlist-intro-desc">7X24</div>
                        </li>
                    </ul>
                    <div class="fltlist-intro-tel">免费客服电话：4006345678</div>
                </div>
                <#--历史-->
                <div class="fltlist-history">
                    <div class="fltlist-history-title">历史查询</div>
                    <ul class="fltlist-history-list">
                        <li class="fltlist-history-item">
                            <div class="fltlist-history-city"><span>北京</span><span>⇀</span><span>广州</span>
                                <div class="fltlist-history-city-price">查看</div>
                            </div>
                            <div class="fltlist-history-date"><span>2019-08-22</span><span class="week">周四</span></div>
                            <!----><!----></li>
                        <li class="fltlist-history-item">
                            <div class="fltlist-history-city"><span>北京</span><span>⇀</span><span>广州</span>
                                <div class="fltlist-history-city-price">查看</div>
                            </div>
                            <div class="fltlist-history-date"><span>2019-09-26</span><span class="week">周四</span></div>
                            <!----><!----></li>
                        <li class="fltlist-history-item">
                            <div class="fltlist-history-city"><span>广州</span><span>⇀</span><span>北京</span>
                                <div class="fltlist-history-city-price"><span>￥</span>513</div>
                            </div>
                            <div class="fltlist-history-date"><span>2019-09-21</span><span class="week">周六</span></div>
                            <!----><!----></li>
                    </ul>
                </div>
                <div class="fltlist-slider">
                    <div class="v-banner">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <div>
                                    <img src="http://b3-q.mafengwo.net/s14/M00/1B/6B/wKgE2l0IoqiADHpKAAItDErw7lk257.png?imageMogr2%2Fthumbnail%2F%21620x350r%2Fgravity%2FCenter%2Fcrop%2F%21620x350%2Fquality%2F100"
                                         width="100%" height="auto"></div>
                            </div>
                        </div><!----><!---->
                        <div class="swiper-pagination"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<#include "../common/footer.ftl">

</body>

</html>